<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        
                                                         <h3>POR FAVOR BUSQUE SU VUELO</h3>
    	<h:form id="login-form">
            
           
           <table width="60%" class="tabla1"
							align="center">
							<tr>
							<td></td>
							</tr>
							<tr>
							<td></td>
							</tr>
							<tr>
							<td></td>
							</tr>
							<tr>
							<td></td>
							</tr>
							<tr>
								<td align="right">*Ciudad de Origen del vuelo:</td>
								<td align="left">
									<!-- ************************ --> <p:inputText
										value="#{beanReserva.origen}" size="50"
										maxlength="100" autocomplete="off" id="origen"
										required="true" label="origen"
																			
										validatorMessage="Debe ingresar el nombre de la ciudad de salida del vuelo">
										<f:validateLength minimum="3" />
										
									</p:inputText> <p:message id="msgnombre" for="origen" display="both" /> <!-- ************************ -->
								</td>
							</tr>
							<tr>
								<td align="right">*Ciudad de destino:</td>
								<td align="left">
									<!-- ************************ --> <p:inputText
										value="#{beanReserva.destino}" size="50"
										maxlength="100" autocomplete="off" id="destino"
										required="true" label="destino"
										
										validatorMessage="Debe ingresar los apellidos del proponente">
										<f:validateLength minimum="3" />
										<p:ajax event="change" update="msgtema" />
									</p:inputText> <p:message id="msgnombres" for="destino" display="both" />
									<!-- ************************ -->
								</td>
							</tr>
							<tr>
								<td align="right">*Fecha del vuelo:</td>
								<td align="left">
									
                                                                        <p:calendar value="#{beanReserva.fecha}"
										mode="popup" id="fecha" required="false" showOn="both"
										size="20" maxlength="10" autocomplete="off"
                                                                            
                                                                                 pattern="yyy-MM-dd" >
                                                                          
                                                                                 
									</p:calendar>
                                                                    
                                                                   
									<!-- ************************ -->
								</td>
							</tr>
													
							
							
											
							<tr>
								<td align="center" colspan="2" class="acciones">
								
								   
								     <h:commandButton id ="button" value="Buscar"
										
                                                                                action="#{beanReserva.consultaVuelo}"
										></h:commandButton>
										
							</td>
                                                            
                                                            
							</tr>
               
                                                          
						</table>
            
            <center>
								<p:dataTable id="report" var="vuelo" style="width:98%"
									emptyMessage="No se han encontrado registros"
                                                                        value="#{beanReserva.vuelosDisponibles}" paginator="true"
									rows="5" lazy="false" rowsPerPageTemplate="5,10,15,20"
									paginatorPosition="bottom"
									paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
                                                                        filteredValue="#{vuelo.cod_vuelo}">
									<f:facet name="header" style="font-size:8px">Listado de Vuelos Disponibles</f:facet>
									<p:column id="idVuelo" headerText="ID del Vuelo"
                                                                                  filterBy="#{vuelo.cod_vuelo}"
										styleClass="EstiloCeldaMenCentrado">
                                                                            <h:commandLink value="#{vuelo.cod_vuelo}" action="#{navigationBean.redirectToBuscarSilla}" />
									</p:column>

                                                                        <p:column sortBy="#{vuelo.ciudad_origen}"
										styleClass="EstiloCeldaMenCentrado">
										<f:facet name="header">
											<h:outputText value="Origen" />
										</f:facet>
                                                                            <h:outputText value="#{vuelo.ciudad_origen}" />
									</p:column>

                                                                        <p:column sortBy="#{vuelo.ciudad_detino}"
										styleClass="EstiloCeldaMenCentrado">
										<f:facet name="header">
											<h:outputText value="Destino" />
										</f:facet>
                                                                            <h:outputText value="#{vuelo.ciudad_detino}" />
									</p:column>

                                                                        <p:column sortBy="#{vuelo.fecha_salida}"
										styleClass="EstiloCeldaMenCentrado">
										<f:facet name="header">
											<h:outputText value="Fecha" />
										</f:facet>
                                                                            <h:outputText value="#{vuelo.fecha_salida}" />
									</p:column>

                                                                        <p:column sortBy="#{vuelo.hora_salida}"
										styleClass="EstiloCeldaMenCentrado">
										<f:facet name="header">
											<h:outputText value="Hora Salida" />
										</f:facet>

                                                                            <h:outputText value="#{vuelo.hora_salida}" />
									</p:column>

									<p:column styleClass="EstiloCeldaMenCentrado" headerText="Estado del vuelo">
                                                                            <h:outputText value="#{vuelo.estado_vuelo}" />
									</p:column>

							</p:dataTable>
                </center>

        </h:form>
    </h:body>
</html>

